<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>测评中心</title>
	<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/bootstrap/css/bootstrap-submenu.css">

<!--<script src="js/jquery-3.3.0.js" type="text/javascript"></script>-->
<!--<script src="js/bootstrap.min.js" type="text/javascript"></script>-->
<!--&lt;!&ndash;验证码引用  &ndash;&gt;-->
<!--<script src="js/verificationCode.js" type="text/javascript"></script>-->
<!--<script src="js/jquery-3.3.0.js"></script>-->
<!--<script src="js/bootstrap.min.js"></script>-->
<!--<script type="text/javascript" src="js/sweetalert.min.js"></script>-->
<!--<script type="text/javascript" src="js/publicSection.js"></script>-->
</head>
<body>
	<div class="container" id="frontTop">
	</div>
	
	
	<div class="container" style="margin-top:10px">
		<div style="text-align:center"><h1>测评中心</h1></div>
		<div class="row">
			<div class="col-sm-6" style="">
			<div class="col-sm-10" style="margin:auto">
				<h2 style="text-align:center">兴趣测评</h2>
      			<h5 style="text-align:center">了解职业和兴趣的关系，从这里开始...</h5>
      			<div class="fakeimg"><img src="/images/interest.jfif" style="width:200px"></div>
     			<h5>在此模块用户可以根据霍兰德职业测评来测试自己属于何种类型。主要类型有：</h5>
      			<h5>(S)社会型&nbsp&nbsp&nbsp&nbsp&nbsp(E)企业型&nbsp&nbsp&nbsp&nbsp&nbsp(C)常规型</h5>
      			<h5>(R)实际型&nbsp&nbsp&nbsp&nbsp&nbsp(I)调研型&nbsp&nbsp&nbsp&nbsp&nbsp(A)艺术型</h5>
      			<h5>具体详情用户可以根据自己的评测结果进行详细了解</h5>
      			<a class="btn btn-primary"  href="interestTest">开始评测</a>	
      			</div>
    		</div>
    		
    		
    		<div class="col-sm-6"  style="">
    		<div class="col-sm-10" style="margin:auto">
      			<h2 style="text-align:center">性格测评</h2>
      			<h5 style="text-align:center">我们使你更懂自己...</h5>
      			<div class="fakeimg">
      				<!-- <img src="images/character.jpg" style="width:200px"> -->
      				<img src="/images/xingge.png" style="width:200px">
      			</div>
      			<h5>在此模块用户可以根据MBT性格测评来测试自己属于何种人格，分别有：</h5>
      			<h5>外向(E)和内向(I)&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp感觉(S)和直觉(N)</h5>
      			<h5>思考(T)和情感(F)&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp判断(J)和知觉(P)</h5>
      			<h5>具体详情用户可以根据自己的评测结果进行详细了解</h5>
      			<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#characterModal">开始评测</button>
    		</div>
    		</div>
    		
    			<!-- 模态框 -->
  				<div class="modal fade" id="characterModal">
    				<div class="modal-dialog">
      					<div class="modal-content">
   
        					<!-- 模态框头部 -->
        					<div class="modal-header">
          						<h4 class="modal-title">性格测评</h4>
          						<button type="button" class="close" data-dismiss="modal">&times;</button>
        					</div>
   
       						<!-- 模态框主体 -->
        					<div class="modal-body">性格测评题目内容...</div>
   
        					<!-- 模态框底部 -->
        					<div class="modal-footer">
        						<button type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
          						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        					</div>
   
      					</div>
    				</div>
  				</div>
    		
  		</div>
  		
  		<div class="row">
			<div class="col-sm-6">
			<div class="col-sm-10" style="margin:auto">
				<h2 style="text-align:center">学习压力评测</h2>
      			<h5>了解你的压力状况，直面困难...</h5>
      			<div class="fakeimg"><img src="/images/studypress.jpg"  style="width:200px;margin:auto"></div>
     			<h5>在此模块用户可以根据PSTE心理压力测评来测试自己学习压力到底达到了什么程度。</h5>
      			<br/>
      			<br/>
      			<h5>具体详情用户可以根据自己的评测结果进行详细了解</h5>
      			<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#pressModal">开始评测</button>
      			
      			<hr class="d-sm-none">
      			</div>
    		</div>
    		
    		<!-- 模态框 -->
  				<div class="modal fade" id="pressModal">
    				<div class="modal-dialog">
      					<div class="modal-content">
   
        					<!-- 模态框头部 -->
        					<div class="modal-header">
          						<h4 class="modal-title">学习压力测评</h4>
          						<button type="button" class="close" data-dismiss="modal">&times;</button>
        					</div>
   
       						<!-- 模态框主体 -->
        					<div class="modal-body">学习压力测评题目内容...</div>
   
        					<!-- 模态框底部 -->
        					<div class="modal-footer">
        						<button type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
          						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        					</div>
   
      					</div>
    				</div>
  				</div>
    		
    		
    		<div class="col-sm-6">
    		<div class="col-sm-10" style="margin:auto">
      			<h2 style="text-align:center">专业倾向评测</h2>
      			<h5>适合你的就是最好的...</h5>
      			<div class="fakeimg"><img src="/images/MajorPrefer.jpg" style="width:200px"></div>
      			<h5>在此模块用户可以根据专业倾向测评来测试自己可能有哪些专业倾向。主要类型有：</h5>
      			<h5>(C)尽责型&nbsp&nbsp&nbsp&nbsp&nbsp(E)外向型&nbsp&nbsp&nbsp&nbsp&nbsp(O)宜人型</h5>
      			<h5>(N)情绪型&nbsp&nbsp&nbsp&nbsp&nbsp(A)进取型</h5>
      			<h5>具体详情用户可以根据自己的评测结果进行详细了解</h5>
      			<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#majorPreferModal">开始评测</button>
    		</div>
    		</div>
    		<!-- 模态框 -->
  				<div class="modal fade" id="majorPreferModal">
    				<div class="modal-dialog">
      					<div class="modal-content">
   
        					<!-- 模态框头部 -->
        					<div class="modal-header">
          						<h4 class="modal-title">专业倾向测评</h4>
          						<button type="button" class="close" data-dismiss="modal">&times;</button>
        					</div>
   
       						<!-- 模态框主体 -->
        					<div class="modal-body">专业倾向测评题目内容...</div>
   
        					<!-- 模态框底部 -->
        					<div class="modal-footer">
        						<button type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
          						<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
        					</div>
   
      					</div>
    				</div>
  				</div>
    		
    		
  		</div>
	</div>
	
	
	
		<!--底部信息  -->
	<div class="container" id="frontBottom">
	</div>
</body>
<script src="/js/jquery-3.3.0.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/core.util.js"></script>
<script src="/bootstrap/bootstrap.min.js"></script>
<!--<script src="/js/publicSection.js"></script>-->
<script>
    $("#frontTop").load("/index/frontTop");
    $("#frontBottom").load("/index/frontBottom");
</script>
</html>